<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>HTML 文本格式化</title>
    </head>
    <body>
        <b>这个文本是加粗的</b>
        <br />
        <strong>这个文本是加粗的</strong>
        <br />
        <big>这个文本字体放大</big>
        <br />
        <i>这个文本是斜体的</i>
        <br />
        <em>这个文本是斜体的</em>
        <br />
        <small>这个文本是缩小的</small>
        <br />
        <p>这个文本包含<sub>下标</sub></p>
        <p>这个文本包含<sup>上标</sup></p>
        <hr />
        <pre>
            该案例演示 如何使用 pre 标签
            对空行和    空格
            进行控制
        </pre>
        <hr />
        <code>计算机输出</code>
        <br />
        <kbd>键盘输入</kbd>
        <br />
        <tt>打字机文本</tt>
        <br />
        <samp>计算机代码样本</samp>
        <br />
        <var>计算机变量</var>
        <br />
        <p><b>注释：</b>这些标签常用于显示计算机/编程代码。</p>
        <hr />
        <p>地址：</p>
        <address>
            Written by <a href="mailto:webmaster@example.com">DCSGO</a>.
            <br />
            Visit us at: <br />
            Example.com <br />
            Box 564,Disneyland <br />
            USA
        </address>
        <hr />
        <p>缩写和首字母缩写</p>
        <abbr title="etcetera">etc.</abbr>
        <br />
        <acronym title="World Wide Web">WWW</acronym>
        <p>在某些浏览器中，当您把鼠标移至缩略词语上时，title 可用于展示表达的完整版本。</p>
        <p>仅对于 IE 5 中的 acronym 元素有效。</p>
        <p>对于 Netscape 6.2 中的 abbr 和 acronym 元素都有效。</p>
        <hr />
        <p>文字方向</p>
        <p>该段落文字从左到右显示。</p>
        <p>
            <bdo dir="rtl">该段落文字从右到左显示。</bdo>
        </p>
        <br />
        <p>此例演示如何实现长短不一的引用语。</p>
        <p>
            WWF's goal is to:
            <q>Build a future where people live in harmony with nature.</q>
            We hope they succeed.
        </p>
        <p>此例演示如何标记删除文本和插入文本。</p>
        <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
    </body>
</html>
